<template>
  <div class="order-item bgc-fff mb6">
    <div class="order-about p12">
      <span class="order-num fs12 lh17 fc-909399">{{orderSn}}</span>
      <span class="order-time fs12 lh17 fc-909399">{{createTime}}</span>
    </div>
    <div class="order-content p12">
      <h1 class="order-title fs16 lh22 dan">{{title}}</h1>
      <div class="order-type">
        <span class="fs12 lh17 fc-909399">课程价格</span>
        <p class="fs12 lh17 fw500">￥{{payPrice}}</p>
      </div>
      <div class="order-type">
        <span class="fs12 lh17 fc-909399">类型</span>
        <p class="fs12 lh17 fw500">{{fxlevel}}</p>
      </div>
      <div class="order-money fs16 lh22 fw500">+ ￥{{money}}</div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    //订单编号
    orderSn: {
      type: String,
      default: ""
    },
    //创建时间
    createTime: {
      type: String,
      default: ""
    },
    //标题
    title: {
      type: String,
      default: ""
    },
    //课程价格
    payPrice: {
      type: String,
      default: ""
    },
    //分销等级
    fxlevel: {
      type: String,
      default: ""
    },
    //分销佣金
    money: {
      type: String,
      default: ""
    }
  }
};
</script>
<style scoped lang="scss">
.order-item {
  .order-about {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.01rem solid #f5f5f5;
  }

  .order-content {
    .order-title {
      margin-bottom: 0.12rem;
    }

    .order-type {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.06rem;
    }

    .order-money {
      padding-top: 0.04rem;
      text-align: right;
      color: rgba(4, 134, 254, 1);
    }
  }
}
</style>


